<!DOCTYPE html>
<html lang="zh-cn">
<head>
<meta charset="UTF-8">
<title>Bootstrap介绍</title>
<link rel="stylesheet" href="css/bootstrap.min.css">
<script src="js/jquery.min.js"></script>
<script src="js/bootstrap.min.js"></script>
</head>
<body>

	<!-- 头部 -->
	<div clas="row">
		<div class="col-xs-1 col-md-offset-1">burns</div>

		<div class="col-xs-11 col-md-offset-11">
			<div class="btn-group">
				<button type="button" class="btn btn-primary">原始</button>
				<button type="button" class="btn btn-primary dropdown-toggle"
					data-toggle="dropdown">
					<span class="caret"></span> <span class="sr-only">切换下拉菜单</span>
				</button>
				<ul class="dropdown-menu" role="menu">
					<li><a href="#">功能</a></li>
					<li><a href="#">另一个功能</a></li>
					<li><a href="#">其他</a></li>
					<li class="divider"></li>
					<li><a href="#">分离的链接</a></li>
				</ul>
			</div>
		</div>
	</div>
	<!-- 分割线 -->
	<div class="panel panel-default">
		<HR align=center width=1 size=100 color=#00686b>
	</div>
	<!-- 左侧导航 -->
	<div class="col-xs-2">
		导航栏

		<p>标签式的导航菜单</p>
		<ul class="nav nav-pills nav-stacked">
			<li class="active"><a href="#">Home</a></li>
			<li><a href="#">SVN</a></li>
			<li><a href="#">iOS</a></li>
			<li><a href="#">VB.Net</a></li>
			<li class="dropdown"><a class="dropdown-toggle"
				data-toggle="dropdown" href="#"> Java <span class="caret"></span>
			</a>
				<ul class="dropdown-menu">
					<li><a href="#">Swing</a></li>
					<li><a href="#">jMeter</a></li>
					<li><a href="#">EJB</a></li>
					<li class="divider"></li>
					<li><a href="#">分离的链接</a></li>
				</ul></li>
			<li><a href="#">PHP</a></li>
		</ul>
	</div>

	<!-- 内容页 -->
	<div class="col-xs-10">
		<div class="row">
			<div class="panel panel-default">
				<a href="#">添加</a>
			</div>
		</div>
		<div class="panel panel-primary">
			<div class="panel-heading">标题</div>
			<div class="panel-body">
				<table class="table table-bordered">
					<caption>精简表格布局</caption>
					<thead>
						<tr>
							<th>名称</th>
							<th>城市</th>
							<th>邮编</th>
							<th>操作</th>
						</tr>
					</thead>
					<tbody>
						<tr>
							<td>Tanmay</td>
							<td>Bangalore</td>
							<td>560001</td>
							<td><a href="UEditor_edit.html">修改</a> <a href="#">删除</a></td>
						</tr>
						<tr>
							<td>Sachin</td>
							<td>Mumbai</td>
							<td>400003</td>
							<td><a href="markdown_edit.html">修改</a> <a href="#">删除</a></td>
						</tr>
						<tr>
							<td>Uma</td>
							<td>Pune</td>
							<td>411027</td>
							<td><a href="edit.html">修改</a> <a href="#">删除</a></td>
						</tr>
					</tbody>
				</table>
			</div>
			<div class="panel-footer">面板脚注</div>
		</div>
	</div>
	<div class="row"></div>



</body>
</html>